<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子时钟</title>
</head>
<body>
<input type="button" value="停止" onclick="stop()">
<input type="button" value="开始" onclick="start()">
<h1 id="clock">现在时间是：2018/11/25 下午6:05:21</h1>

<script>
    /**
     * 需求：每秒钟  修改h1的标签体内容，改成当前的时间
     *
     * innerHTML
     */
    var timer;
    start();//自动开启时钟

    function stop(){
        clearInterval(timer);
    }

    function start(){
        timer = setInterval(function () {
            var date = new Date();

            var clock = document.getElementById("clock");
            clock.innerHTML = "现在时间是：" + date.toLocaleString();
        }, 1000);
    }
</script>
</body>
</html>